<template>
  <p>{{ username }}</p>
  <button @click="sayHi">say</button>
  <p>{{ counter }}</p>
  <hr>
</template>

<script setup>
import { ref } from 'vue'
import { reactive } from '@vue/reactivity'

const counter = ref(1)
const username = 'jack'

const sayHi = () => {
  console.log('我的名字：' + username)
}

reactive({counter})
</script>
